@import 'common';

.project {

    //内容部分
    main {

        // 关于我们
        .about {
            width: 100%;
            height: 482px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;

            //关于我们的文字
            .txt {
                background-color: white;
                height: 60px;
                width: 145px;
                display: flex;
                align-items: flex-end;
                margin: 20px;
            }

            .text {
                height: 36px;
                width: 100%;
                border: 3px solid skyblue;
                text-align: center;

                p:first-child {
                    font-size: 23px;
                    display: inline-block;
                    transform: translateY(-17px);
                    background-color: white;
                }

                p:nth-child(2) {
                    transform: translateY(-16px);
                }
            }

            //关于我们中间的三个盒子
            .abbox {
                width: 903px;
                height: 318px;

                display: flex;
                justify-content: space-between;

                div {
                    width: 267px;
                    height: 100%;
                    background-color: #f2f2f2;
                    display: flex;
                    flex-direction: column;
                    align-items: center;

                    img {
                        width: 126px;
                        height: 126px;
                        margin: 20px 0 10px;
                    }

                    p:nth-child(4) {
                        font-size: 12px;
                        color: #828282;
                        line-height: 20px;
                        letter-spacing: 2px;
                        margin: 10px 15px;
                    }
                }

                .team {
                    width: 322px;

                    p:nth-child(4) {
                        margin: 10px 25px;
                    }
                }
            }

        }

        //投资
        .portfolio {
            width: 900px;
            margin: 0 auto;
            // height: 620px;

            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;

            .pflbox {

                text-align: center;

                // height: 300px;
                img {
                    width: 295px;
                    height: 210px;
                    margin-bottom: 12px;
                }

                p {
                    font-size: 12px;
                    margin-bottom: 23px;
                }

                button {
                    width: 135px;
                    height: 27px;
                    color: white;
                    background-color: skyblue;
                    border: none;
                    margin-bottom: 23px;
                    cursor: pointer;
                }
            }
        }

        //友情链接
        .link {
            background-image: url(../image/index/link1.png);
            height: 900px;
            height: 304px;
            background-color: rgb(0, 0, 0, 0.8);
            display: flex;
            flex-direction: column;
            align-items: center;

            .linktop_img {
                margin: 18px 0 40px;
            }

            //中间的三个图片
            .imgbox {

                width: 100%;
                display: flex;
                justify-content: space-around;
                align-items: center;

                //左右两边箭头
                .btn {
                    width: 37px;
                    height: 69px;
                    background-color: rgb(0, 0, 0, 0.4);
                    display: flex;
                    align-items: center;
                    justify-content: center;

                    img {
                        width: 18px;
                        height: 30px;

                    }

                }

                .linkimg {
                    display: flex;
                    justify-content: center;
                    width: 790px;
                    height: 81px;

                    img {
                        width: 222px;
                        height: 81px;
                        margin: 0 10px;
                    }

                }
            }

        }
    }
}